<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>项目展示</title>
	<link rel="stylesheet" type="text/css" href="css/display.css">
  <script type="text/javascript" scr="js/display.js"></script>
</head>
<body>
<!-- 导航栏部分 -->
<div class="header">
  <div class="header_wrap">
    <div class="header_logo"><img src="images/logo2.gif"></div>
    <nav class="header_wrap_nav">
      <li><a href="http://111.230.50.230/">主页</a></li>
      <li><a href="http://111.230.50.230/index.php/index/ProjectController/workdisplay">新闻</a></li>
      <li><a href="#">联系方式</a></li>
      <li><a href="#">关于我们</a></li>  
    </nav>
    <div class="header_wrap_login">
      <a href="http://111.230.50.230/index.php/index/Index/mpage">登录/注册</a>
    </div>
  </div>
</div>
    
<div class="picture">

         <div class="responsive">
            <div class="img">
              <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/liuxin.png" alt="图片文本描述" width="300px" height="200px" onclick="document.getElementById('id01').style.display='block'" style="width:auto;">
              </a>
                <div class="desc">刘鑫<br>甜点消消乐</div>
            </div>
          <div id = "id01" class = "modal">
          <span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
             游戏简介：这是一个消消乐游戏，进入游戏后会有一个伪装成联网的登录界面，输入了账号密码后即可游玩。实现了排名榜、音乐购买商店。快去购买所有的音乐吧~<br>
              游戏玩法：三个相同的甜点可以消去，四个甜点在一起会产生上下/左右摇摆的甜点，这样消去它后会消去一列/行。五个及五个以上甜点被消去会产生彩虹糖，与某种颜色的甜点交换后消去这种颜色的所有甜点。
              <br>平台：网页游戏。用qq浏览器最新版或者火狐浏览器，谷歌浏览器食用最佳。
              <br>操作：上下左右按键，或者WASD控制。<br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip'">下载</button>
              </div>
            </div>
          </form>
          </div>
        </div>

         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/wuqing.png" alt="图片文本描述" width="300px" height="200px" onclick="document.getElementById('id02').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">吴清<br>BattleTank</div>
          </div>

          <div id = "id02" class = "modal">
          <span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
             游戏简介：BattleTank是一款单机坦克对战游戏，地图上共有6名电脑玩家和1名游戏玩家，不同颜色的坦克有着不同的属性，玩家需要消灭他们来获取更高的积分，同时也需要躲避他们的轰炸。<br>
              平台：android手游。<br>
              操作：左边虚拟摇杆控制移动，右边控制炮弹发射。<br>
              <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id02').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://wq222.gitee.io/untiywebgl/BattleTank1.2.apk'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>



         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/ouyang.png" alt="图片文本描述" width="300px" height="200px" onclick="document.getElementById('id03').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">欧阳浩<br>SpaceBounce</div>
          </div>

          <div id = "id03" class = "modal">
          <span onclick="document.getElementById('id03').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
             游戏简介：
        一款闯关类型的小游戏，独特的控制方式。休闲之余玩一玩可以放松放松，当然，越往后的关卡越难，来挑战吧！
        <br>

        <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id03').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://qsgywo.gitee.io/unitywebgl/download/apk/spacebounce.apk'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>



         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/who.png" alt="图片文本描述" width="300" height="200" onclick="document.getElementById('id04').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">who<br>拾荒者游戏</div>
          </div>

          <div id = "id04" class = "modal">
          <span onclick="document.getElementById('id04').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
             游戏简介：这是一个生存游戏，路途中要捡实物，灭僵尸，找到出口。食物会越来越少，僵尸越来越多，十分考验策略。看你能闯到第几关
        <br>平台：网页游戏。用qq浏览器最新版或者火狐浏览器，谷歌浏览器食用最佳。
        <br>操作：上下左右按键，或者WASD控制。
        <br>

        <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id04').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://qsgywo.gitee.io/unitywebgl/junkman'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>

         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/zhengcan.png" alt="图片文本描述" width="300" height="200" onclick="document.getElementById('id05').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">郑灿<br>忍者跑酷</div>
          </div>

          <div id = "id05" class = "modal">
          <span onclick="document.getElementById('id05').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
        忍者跑酷是一款动作型闯关游戏，忍者在关卡中不断探索，学习跳跃，瞬移，飞镖等技能，消灭忍者世界里面出现的各种怪物，收集宝石获得胜利。这款游戏画风简单，操作性比较强，关卡难度较大，欢迎前来挑战<br>
        (电脑版一关为6命，因手机版的操作教难，命数有所调整)<br>
        <br>

        <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id05').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://gitee.com/touxindezhanhuang/ninja_parkour_project/blob/master/%E5%BF%8D%E8%80%85%E8%B7%91%E9%85%B7.zip'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>

         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/yuejiahao.png" alt="图片文本描述" width="300" height="200" onclick="document.getElementById('id06').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">岳嘉豪<br>Snake</div>
          </div>

          <div id = "id06" class = "modal">
          <span onclick="document.getElementById('id06').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
            经典贪吃蛇游戏，充满趣味性的画面和生效，W、A、S、D分别控制蛇的上下左右，按住space也就是空格键加速%70，所以后期不小心按到space的话，可能“有点”接受不了。随机生成的问号会加大量分数，分数越高，移动越快。边界模式撞到墙壁会死掉，自由模式会被传送到另一边。
        <br>平台：网页游戏，推荐使用谷歌浏览器，或者火狐浏览器。360或者QQ浏览器最新版也支持。
        <br>

        <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id06').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://yjhdr.gitee.io/unityweb/Snake'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>
         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/zhouyu.png" alt="图片文本描述" width="300" height="200" onclick="document.getElementById('id07').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">周宇<br>黑暗侠游</div>
          </div>

          <div id = "id07" class = "modal">
          <span onclick="document.getElementById('id07').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
             游戏简介：这是一个rpg游戏，作为新手入门之作，没什么特点。
        <br>

        <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id07').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://gitee.com/ZY2567/job_template/blob/master/game-projects/Dark%20Wonder.zip'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>

         <div class="responsive">
          <div class="img">
            <a target="_blank" >
              <!--href="https://gitee.com/CatLiuXin/dessert_elimination_music/raw/master/%E7%94%9C%E7%82%B9%E6%B6%88%E6%B6%88%E4%B9%90.zip">-->
              <img src="images/zhouyu.png" alt="图片文本描述" width="300" height="200" onclick="document.getElementById('id08').style.display='block'" style="width:auto;">
            </a>
            <div class="desc">周久迦<br>喂狗粮</div>
          </div>

          <div id = "id08" class = "modal">
          <span onclick="document.getElementById('id08').style.display='none'" class="close" title="Close Modal">×</span>
          <form class="modal-content animate" action="/action_page.php">
            <div class="container">
             游戏简介：
        <br>

        <br><br> 
              <div class="clearfix">
                <button type="button" onclick="document.getElementById('id08').style.display='none'" class="cancelbtn">退出</button>
                <button type="button" class="signupbtn"  onclick="javascript:window.location.href='https://qsgywo.gitee.io/unitywebgl/download/zip/FeedDog.zip'">下载</button>
              </div>
            </div>
          </form>
         </div>
        </div>
</div>

  <ul class="page">
   <li> <a href="#" class="prev">&laquo</a></li>
   <li> <a href="#" class="active">1</a></li>
   <li> <a href="#">2</a></li>
   <li> <a href="#">3</a></li>
   <li> <a href="#">4</a></li>
   <li> <a href="#">5</a></li>
   <li> <a href="#">6</a></li>
   <li> <a href="#">7</a></li>
   <li> <a href="#">8</a></li>
   <li> <a href="#">9</a></li>
   <li> <a href="#" class="next">&raquo;</a></li>
</ul><br>

</body>
</html>